import React from "react"
import Header from "./c-cpns/Header"
import Main from "./c-cpns/Main"
import Footer from "./c-cpns/Footer"
// 函数组件
// function App(){
//     return <div className="App">我是按钮</div>
// }
// export default App;

// 类组件
class App extends React.Component{

    constructor(){
        super()
        this.state={
            message:"hello world"
        }
    }
  render(){
    // const {message}=this.state
    return (
      <div>
        <Header></Header>
        <Main></Main>
        <Footer></Footer>
      </div>
    )
    // return <div className="App">{message}</div>
    // render返回值:
    //1、React 元素：jsx
    //2、数组或 fragments：使得 render 方法可以返回多个元素
    // return ["abc","bca"]
    //3、Portals：可以渲染子节点到不同的 DOM 子树中。
    // return 
    //4、字符串或数值类型：它们在 DOM 中会被渲染为文本节点
    // return "hello world"
    //5、布尔类型或 null：什么都不渲染。
    // return true
  }
}
export default App